<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" media="screen" type="text/css"
	href="../../mairie/styles/1CssMaster.css" />
<title>Gepeto MasterPage</title>

<!-- ////////////////////////////////////////////////////Style de la page actuelle//////////////////////////////////////////////////  -->
<style type="text/css">
#centre {
	margin: auto;
	margin-top: 125px;
	margin-left: 1px;
	width: 950px;
	border: 1px solid #ACC3FF;
	height: 480px;
	/* 	background-image: url("imagesGepeto/centreAlertes.png"); */
	background: -moz-linear-gradient(top, #E1E6FA 1%, #ffffff 10%);
	border-radius: 10px 10px 10px 10px;
}

#alertes {
	width: 50%;
	margin: auto;
	padding-top: 100px;
}

label:hover {
	text-decoration: underline;
}

#headerDroite {
	float: right;
	width: 30%;
	margin-right: 50px;
}
</style>


</head>

<!-- /////////////////////////////////////////////////////////body /////////////////////////////////////////////////////////////////////// -->

<body>

	<div id="tout">


		<div id="headerDroite">
			<h:form>
				<h:panelGrid columns="2">
					<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
					<h:commandButton value="Déconnexion"
						action="#{mbConnexion.deconnexion}" />
					<h:outputText style="center:left" />
					<h:outputText style="center:left" />
				</h:panelGrid>
			</h:form>
		</div>
		<div id="divTitre">
			<h1 id="nomLogiciel">Gepeto</h1>
			<img alt="" src="../../mairie/imagesGepeto/plumeSansFond.png"
				width="80px" height="80px" />

		</div>
		

		<!-- ////////////////////////////////menu du haut ///////////////////////////////////////////////////////////////////////////////// -->

		<div id="divMenuHaut">

			<ul id="ulMenuHaut">

				<li class="liMenuHaut"><a href="ficheEnfant.xhtml">Dossier
						Enfant</a></li>
				<li class="liMenuHaut"><a href="inscription.xhtml">Inscription</a></li>
				<li class="liMenuHaut"><a href="pointage.xhtml">Pointage</a></li>
				<li class="liMenuHaut"><a href="factConsultation.xhtml">Facturation</a></li>
				<li class="liMenuHaut"><a href="editions.xhtml">Editions</a></li>
				<li class="liMenuHaut"><a href="personnel.xhtml">Personnel</a></li>
			</ul>
		</div>


		<!-- ///////////////////////////////////////////menu de gauche ///////////////////////////////////////////////////////////////////////// -->


		<!-- /////////////////////////////////////////div milieu alertes  //////////////////////////////////////////////////////////////////////-->

		<div id="centre">
			<div id="alertes">
				<label> <a href="dossierEnfant.xhtml">alertedossiers
						enfant incomplets</a></label> <br /> <label><a
					href="inscription.xhtml">Alerte inscriptions période </a></label> <br /> <label><a
					href="pointage.xhtml">alerte pointage</a></label> <br /> <label><a
					href="personnel.xhtml">alerte encadrement</a></label>

			</div>
		</div>
		<div id="footer"></div>

	</div>

</body>
</html>
